.eq-date-range-popper{
    .el-date-range-picker__time-header{
        border-bottom: 1px solid var(--eq-border-color);
        .el-input__wrapper{
            background-color: var(--eq-input-border-color);
            box-shadow: none;
            border: 1px solid var(--eq-border-color);
            .el-input__inner{
                color: var(--eq-font-color);
                height: 32px;
                line-height: 32px;
               
            }
        }
    }
    .el-picker-panel__body-wrapper{
        .el-time-panel{
            background-color: var(--eq-bg-color2);
            border: 1px solid var(--eq-border-color);
            .el-time-spinner__item{
                color: var(--eq-font-color);
            }
            .el-time-spinner__item:hover:not(.is-disabled):not(.is-active){
                background-color: var(--eq-input-bg-color);
            }
            .el-time-panel__btn.cancel{
                color: var(--eq-font-color);
            }
            .el-time-panel__btn.confirm{
                color: #2364FF;
            }
            
        }
    }
    .el-picker-panel__footer{
        background-color: var(--eq-bg-color2);
        border-top: 1px solid var(--eq-border-color);
        .el-button.is-text{
            color: #409EFF;
            &:hover{
                color:#66b1ff;
                background-color: var(--eq-bg-color2);
            }
        }
        .el-button.is-plain{
            background-color: var(--eq-btn-export-bg-color);
            color: var(--eq-font-color);
            border: none;
            &:hover{
                background-color: var(--eq-btn-export-hover-color);
            }
            padding: 7px 15px;
            font-size: 12px;
            border-radius: 3px;
        }
    }
}